<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title></title>
    <link href="../css/list.css" rel="stylesheet">
</head>
<body >
    <div>
        <div class="dish-image" id="title-image" ></div>
        <header>
        <div class="name" >
            <h1 id="name-title"></h1></div>
        </header>
        <div class="dish-introduce">
            <p id="indroduce">
            </p>
        </div>
        <div class="dish-material" >
            <h2 >用料</h2>
        <ul class="every-material" id = "material_id">
        </ul>
        </div>
        <div class="steps" >
            <h2 > 做法</h2>
            <ul class="cook-steps" id="makers">
            </ul>
        </div>
        <div class="footer">
            <span class="character">小贴士</span>
            <p class="attention" id ="tipr">
            </p>
        </div>
    </div>
        <script src="../js/home.js"></script>

</body>

</html>